// $(document).ready(function(){
//     getContent();
// });
// function getContent() {
//     var loadIndex = layer.load(2);
//     let datas = {
//         url: '/api/page',
//         http_type: 'POST',
//         datas: {
//             "relate_id": 82, //省份ID
//             "keyset": "pv_spread" //固定值
//         }
//     }
//     wxx.HttpReqeust(datas, function (response) {
//         layer.close(loadIndex)
//         response = {
//             "code": 1,
//             "msg": "获取成功",
//             "time": "1720111568",
//             "data": {
//                 "title": "FASD",
//                 "create_time": "2024-07-04 21:12:59",
//                 "author": "",
//                 "contents": [
//                     {
//                         "id": 1,
//                         "title": "FSDAS",
//                         "parent_id": 0,
//                         "weight": 0,
//                         "content": "FSDAS内容<br />",
//                         "page_id": 3,
//                         "children": [
//                             {
//                                 "id": 2,
//                                 "title": "FWEW",
//                                 "parent_id": 1,
//                                 "weight": 2,
//                                 "content": "FWEW内容",
//                                 "page_id": 3,
//                                 "children": []
//                             }
//                         ]
//                     }
//                 ]
//             }
//         }
//         if (response.code == 1) {
//             $("#page_title").text(response.data.title)
//             $("#create_time").text(response.data.create_time)
//             $("#author").text('发布者：' + response.data.author)
//             $(".left_menu_box").children(".menu_item").remove();
//             for (let i = 0; i < response.data.contents.length; i++) {
//                 let menu_item = ''
//                 if(i==0){
//                     menu_item = $("<div class='menu_item menu_item_select'></div>")
//                 }else {
//                     menu_item = $("<div class='menu_item'></div>")
//                 }
//                 $(menu_item).attr('data-index',i);
//                 let menu_item_out = $("<div class='menu_item_out'></div>")
//                 let menu_item_out_span = $("<span></span>")
//                 $(menu_item_out_span).text(response.data.contents[i].title)
//                 let menu_item_out_img = $("<img src='../../icons/icon_menu.png'/>")
//                 $(menu_item_out).append(menu_item_out_img)
//                 $(menu_item_out).append(menu_item_out_span)
//                 let menu_item_drop = $("<div class='menu_item_drop'></div>")
//                 /****/
//                 let article_box_item = $("<div class='article_box_item'></div>")
//                 let article_box_title = $("<div class='article_box_title'></div>")
//                 let div_1 = $("<div></div>")
//                 let div_1_img = $("<img src='../../icons/icon_article_unfold.png'/>")
//                 let div_1_span = $("<span></span>")
//                 $(div_1_span).text(response.data.contents[i].title)
//                 $(div_1).append(div_1_img)
//                 $(div_1).append(div_1_span)
//                 let div_2 = $("<div></div>")
//                 let div_2_img = $("<img src='../../icons/icon_add.png'/>")
//                 let div_2_span = $("<span style='margin-left: 5px'></span>")
//                 $(div_2_span).text("新增")
//                 let div_3_span = $("<span style='color: #C7C7C7'></span>")
//                 $(div_3_span).html('&nbsp;'+'&nbsp;'+'|'+'&nbsp;'+'&nbsp;')
//                 let div_4_img = $("<img src='../../icons/icon_error_correction.png'/>")
//                 let div_5_span = $("<span style='margin-left: 5px'></span>")
//                 $(div_5_span).text("纠错")
//                 $(div_2).append(div_2_img)
//                 $(div_2).append(div_2_span)
//                 $(div_2).append(div_3_span)
//                 $(div_2).append(div_4_img)
//                 $(div_2).append(div_5_span)
//                 $(article_box_title).append(div_1)
//                 $(article_box_title).append(div_2)
//                 $(article_box_item).append(article_box_title)
//                 let article_box_content = $("<div class='article_box_content'></div>")
//                 $(article_box_content).html(response.data.contents[i].content)
//                 $(article_box_item).append(article_box_content)
//                 $('.article_box').append(article_box_item)
//                 /****/
//                 for (let j = 0; j < response.data.contents[i].children.length; j++) {
//                     let menu_item_drop_span = $("<span class='menu_item_drop_item'></span>")
//                     $(menu_item_drop_span).attr('data-index',i)
//                     $(menu_item_drop_span).attr('data-child',j)
//                     $(menu_item_drop_span).text(response.data.contents[i].children[j].title)
//                     $(menu_item_drop).append(menu_item_drop_span)
//                     /****/
//                     let article_box_item = $("<div class='article_box_item'></div>")
//                     let article_box_title = $("<div class='article_box_title'></div>")
//                     let div_1 = $("<div></div>")
//                     let div_1_img = $("<img src='../../icons/icon_article_unfold.png'/>")
//                     let div_1_span = $("<span></span>")
//                     $(div_1_span).text(response.data.contents[i].title)
//                     $(div_1).append(div_1_img)
//                     $(div_1).append(div_1_span)
//                     let div_2 = $("<div></div>")
//                     let div_2_img = $("<img src='../../icons/icon_add.png'/>")
//                     let div_2_span = $("<span style='margin-left: 5px'></span>")
//                     $(div_2_span).text("新增")
//                     let div_3_span = $("<span style='color: #C7C7C7'></span>")
//                     $(div_3_span).html('&nbsp;'+'&nbsp;'+'|'+'&nbsp;'+'&nbsp;')
//                     let div_4_img = $("<img src='../../icons/icon_error_correction.png'/>")
//                     let div_5_span = $("<span style='margin-left: 5px'></span>")
//                     $(div_5_span).text("纠错")
//                     $(div_2).append(div_2_img)
//                     $(div_2).append(div_2_span)
//                     $(div_2).append(div_3_span)
//                     $(div_2).append(div_4_img)
//                     $(div_2).append(div_5_span)
//                     $(article_box_title).append(div_1)
//                     $(article_box_title).append(div_2)
//                     $(article_box_item).append(article_box_title)
//                     let article_box_content = $("<div class='article_box_content'></div>")
//                     $(article_box_content).html(response.data.contents[i].content)
//                     $(article_box_item).append(article_box_content)
//                     $('.article_box').append(article_box_item)
//                     /****/
//                 }
//                 $(menu_item).append(menu_item_out)
//                 $(menu_item).append(menu_item_drop)
//                 $(".left_menu_box").append(menu_item)
//                 $("#right_detail_title").text(response.data.contents[i].title)
//                 $(".right_detail_content").text(response.data.contents[i].content)
//                 $(document).on('click', '.menu_item', function() {
//                     let index = $(this).attr("data-index");
//                     $("#right_detail_title").text(response.data.contents[index].title)
//                     $(".right_detail_content").text(response.data.contents[index].content)
//                     $('.menu_item').removeClass('menu_item_select');
//                     $(this).addClass('menu_item_select');
//                     $('.menu_item').not(this).removeClass('menu_item_select');
//                 });
//                 $(document).on('click', '.menu_item_drop_item', function(e) {
//                     e.stopPropagation();
//                     let index = $(this).attr("data-index");
//                     let childIndex = $(this).attr("data-child");
//                     $("#right_detail_title").text(response.data.contents[index].children[childIndex].title)
//                     $(".right_detail_content").text(response.data.contents[index].children[childIndex].content)
//                 });

//             }
//         } else {
//             layer.alert(response.msg, {title: '温馨提示'});
//         }
//     });
// }


// $(document).ready(function () {
//   getContent();
// });
// function getContent() {
//   var loadIndex = layer.load(2);
//   let datas = {
//     url: "/api/page",
//     http_type: "POST",
//     datas: {
//       relate_id: 82, //省份ID
//       keyset: "pv_intro", //固定值
//     },
//   };
//   wxx.HttpReqeust(datas, function (response) {
//     layer.close(loadIndex);
//     // response = {
//     //     "code": 1,
//     //     "msg": "获取成功",
//     //     "time": "1720111568",
//     //     "data": {
//     //         "title": "FASD",
//     //         "create_time": "2024-07-04 21:12:59",
//     //         "author": "",
//     //         "contents": [
//     //             {
//     //                 "id": 1,
//     //                 "title": "FSDAS",
//     //                 "parent_id": 0,
//     //                 "weight": 0,
//     //                 "content": "FSDAS内容<br />",
//     //                 "page_id": 3,
//     //                 "children": [
//     //                     {
//     //                         "id": 2,
//     //                         "title": "FWEW",
//     //                         "parent_id": 1,
//     //                         "weight": 2,
//     //                         "content": "FWEW内容",
//     //                         "page_id": 3,
//     //                         "children": []
//     //                     }
//     //                 ]
//     //             }
//     //         ]
//     //     }
//     // }
//     if (response.code == 1) {
//       if (response.data.contents.length == 0) {
//         $(".empty").html(emptyHtml);
//         return;
//       }
//       $("#page_title").text(response.data.title);
//       $("#create_time").text(response.data.create_time);
//       $("#author").text("发布者：" + response.data.author);
//       $(".left_menu_box").children(".menu_item").remove();
//       for (let i = 0; i < response.data.contents.length; i++) {
//         let menu_item = "";
//         if (i == 0) {
//           menu_item = $("<div class='menu_item menu_item_select'></div>");
//         } else {
//           menu_item = $("<div class='menu_item'></div>");
//         }
//         $(menu_item).attr("data-index", i);
//         let menu_item_out = $("<div class='menu_item_out'></div>");
//         let menu_item_out_span = $("<span></span>");
//         $(menu_item_out_span).text(response.data.contents[i].title);
//         let menu_item_out_img = $("<img src='../../icons/icon_menu.png'/>");
//         $(menu_item_out).append(menu_item_out_img);
//         $(menu_item_out).append(menu_item_out_span);
//         let menu_item_drop = $("<div class='menu_item_drop'></div>");
//         /****/
//         let article_box_item = $("<div class='article_box_item'></div>");
//         let article_box_title = $("<div class='article_box_title'></div>");
//         let div_1 = $("<div></div>");
//         let div_1_img = $("<img src='../../icons/icon_article_unfold.png'/>");
//         let div_1_span = $("<span></span>");
//         $(div_1_span).text(response.data.contents[i].title);
//         $(div_1).append(div_1_img);
//         $(div_1).append(div_1_span);
//         let div_2 = $("<div></div>");
//         let div_2_img = $("<img src='../../icons/icon_add.png'/>");
//         let div_2_span = $("<span style='margin-left: 5px'></span>");
//         $(div_2_span).text("新增");
//         let div_3_span = $("<span style='color: #C7C7C7'></span>");
//         $(div_3_span).html("&nbsp;" + "&nbsp;" + "|" + "&nbsp;" + "&nbsp;");
//         let div_4_img = $("<img src='../../icons/icon_error_correction.png'/>");
//         let div_5_span = $("<span style='margin-left: 5px'></span>");
//         $(div_5_span).text("纠错");
//         $(div_2).append(div_2_img);
//         $(div_2).append(div_2_span);
//         $(div_2).append(div_3_span);
//         $(div_2).append(div_4_img);
//         $(div_2).append(div_5_span);
//         $(article_box_title).append(div_1);
//         $(article_box_title).append(div_2);
//         $(article_box_item).append(article_box_title);
//         let article_box_content = $("<div class='article_box_content'></div>");
//         $(article_box_content).html(response.data.contents[i].content);
//         $(article_box_item).append(article_box_content);
//         $(".article_box").append(article_box_item);
//         /****/
//         for (let j = 0; j < response.data.contents[i].children.length; j++) {
//           let menu_item_drop_span = $(
//             "<span class='menu_item_drop_item'></span>"
//           );
//           $(menu_item_drop_span).attr("data-index", i);
//           $(menu_item_drop_span).attr("data-child", j);
//           $(menu_item_drop_span).text(
//             response.data.contents[i].children[j].title
//           );
//           $(menu_item_drop).append(menu_item_drop_span);
//           /****/
//           let article_box_item = $("<div class='article_box_item'></div>");
//           let article_box_title = $("<div class='article_box_title'></div>");
//           let div_1 = $("<div></div>");
//           let div_1_img = $("<img src='../../icons/icon_article_unfold.png'/>");
//           let div_1_span = $("<span></span>");
//           $(div_1_span).text(response.data.contents[i].title);
//           $(div_1).append(div_1_img);
//           $(div_1).append(div_1_span);
//           let div_2 = $("<div></div>");
//           let div_2_img = $("<img src='../../icons/icon_add.png'/>");
//           let div_2_span = $("<span style='margin-left: 5px'></span>");
//           $(div_2_span).text("新增");
//           let div_3_span = $("<span style='color: #C7C7C7'></span>");
//           $(div_3_span).html("&nbsp;" + "&nbsp;" + "|" + "&nbsp;" + "&nbsp;");
//           let div_4_img = $(
//             "<img src='../../icons/icon_error_correction.png'/>"
//           );
//           let div_5_span = $("<span style='margin-left: 5px'></span>");
//           $(div_5_span).text("纠错");
//           $(div_2).append(div_2_img);
//           $(div_2).append(div_2_span);
//           $(div_2).append(div_3_span);
//           $(div_2).append(div_4_img);
//           $(div_2).append(div_5_span);
//           $(article_box_title).append(div_1);
//           $(article_box_title).append(div_2);
//           $(article_box_item).append(article_box_title);
//           let article_box_content = $(
//             "<div class='article_box_content'></div>"
//           );
//           $(article_box_content).html(response.data.contents[i].content);
//           $(article_box_item).append(article_box_content);
//           $(".article_box").append(article_box_item);
//           /****/
//         }
//         $(menu_item).append(menu_item_out);
//         $(menu_item).append(menu_item_drop);
//         $(".left_menu_box").append(menu_item);
//         $("#right_detail_title").text(response.data.contents[i].title);
//         $(".right_detail_content").text(response.data.contents[i].content);
//         $(document).on("click", ".menu_item", function () {
//           let index = $(this).attr("data-index");
//           $("#right_detail_title").text(response.data.contents[index].title);
//           $(".right_detail_content").text(
//             response.data.contents[index].content
//           );
//           $(".menu_item").removeClass("menu_item_select");
//           $(this).addClass("menu_item_select");
//           $(".menu_item").not(this).removeClass("menu_item_select");
//         });
//         $(document).on("click", ".menu_item_drop_item", function (e) {
//           e.stopPropagation();
//           let index = $(this).attr("data-index");
//           let childIndex = $(this).attr("data-child");
//           $("#right_detail_title").text(
//             response.data.contents[index].children[childIndex].title
//           );
//           $(".right_detail_content").text(
//             response.data.contents[index].children[childIndex].content
//           );
//         });
//       }
//     } else {
//       layer.alert(response.msg, { title: "温馨提示" });
//     }
//   });
// }



var THHIS_PAGE_TYPE = 'pv_spread';   //  页面配置标识(具体通过管理后台查看)

var PAGES = {

	//  初始化准备
	initial: function () {
		layui.use(function () {
			var $ = layui.$;
			var layer = layui.layer;
			var util = layui.util;
			var form = layui.form;

			// 事件
			util.on('lay-on', {
				'tips-photos-one': function (e) {
					var url = e.attr('src')
					layer.photos({
						photos: {
							"title": "大图查看",
							"start": 0,
							"data": [{ "pid": 5, "src": url, }]
						},
						footer: false
					});
				},

				'on_href': function (e) {
					var type = e.attr('data-type');
					var id = e.attr('data-id');

					switch (type * 1) {
						case 1:
							window.location.href = "../component/index.html?id=" + id
							break;
						case 2:
							window.location.href = "../../country/html/index.html?id=" + id
							break;
						case 3:
							window.location.href = "../../district/html/index.html?id=" + id
							break;
						case 4:
							window.location.href = "../../manufacturing/html/index.html?id=" + id
							break;
						case 5:
							window.location.href = "../../auxiliary/html/index.html?id=" + id
							break;
						case 6:
							window.location.href = "../../ppt/html/index.html?id=" + id
							break;
					}
				},

				'test-page-custom': function (e) {
					var this_id = e.attr('data-id');
					var this_type = e.attr('data-type');

					layer.open({
						type: 1,
						scrollbar: false,
						area: '600px',
						resize: false,
						shadeClose: true,
						title: [this_type == 0 ? '内容新增填写' : '内容纠错填写', 'font-size:16px;font-weight: 600'],
						content: `
				            <div class="layui-form" lay-filter="filter-test-layer" style="margin: 20px 16px 16px 16px;">
				              <div class="demo-login-container">
							  
				                <div class="layui-form-item">
				                  <div class="layui-input-wrap">
				                    <textarea name="content" value="" style="min-height: 165px;" lay-verify="required" placeholder="请填写内容" lay-reqtext="请填写内容" autocomplete="off" class="layui-textarea" lay-affix="clear"></textarea>
				                  </div>
				                </div>
								
				                <div class="layui-form-item" style="margin-top:20px;display: flex;align-items: center;justify-content: flex-end;">
									<button style="width:100px" class="layui-btn" lay-submit lay-filter="demo-login">提交</button>
				                </div>
				               
				              </div>
				            </div>
				          `,
						success: function () {
							// 对弹层中的表单进行初始化渲染
							form.render();

							// 表单提交事件
							form.on('submit(demo-login)', function (data) {
								var field = data.field; // 获取表单字段值
								field.content_id = this_id;
								field.type = this_type;
								field.url = window.location.href;
								PAGES.setPageCorrect(field)
								return false; // 阻止默认 form 跳转
							});
						}
					});
				}

			})

		});

		//  获取到缓存数据 拼接左侧菜单
		//  制造业产业、技术品牌库
		if (localStorage.getItem("jingjiang_storages_data")) {
			var d = JSON.parse(localStorage.getItem("jingjiang_storages_data"))
			var hrml1 = template('script_storages', d);
			$("#view_storages").empty().append(hrml1);
		} else {
			PAGES.getHomeStorages();
		}

		// 国家库
		if (localStorage.getItem("jingjiang_countries_data")) {
			var d = JSON.parse(localStorage.getItem("jingjiang_countries_data"))
			var hrml3 = template('script_countries', d);
			$("#view_countries").empty().append(hrml3);
		} else {
			PAGES.getHomeCountries()
		}

		// 省市库
		if (localStorage.getItem("jingjiang_provinces_data")) {
			var d = JSON.parse(localStorage.getItem("jingjiang_provinces_data"))
			var hrml4 = template('script_provinces', d);
			$("#view_provinces").empty().append(hrml4);
		} else {
			PAGES.getHomeProvinces()
		}


		PAGES.getHomeSubs(8);
		PAGES.getHomeSubs(9);
		PAGES.getHomeSubs(10);

		PAGES.getPageData();

	},



	//  获取 制造业专区品牌库
	getHomeSubs: function (v) {
		// 先获取一下本地缓存
		var jingjiang_subs_data = localStorage.getItem("jingjiang_subs_data" + v)
		if (jingjiang_subs_data) {
			try {
				var d = JSON.parse(jingjiang_subs_data)
				var hrml2 = template('script_subs' + v, d);
				$("#view_subs" + v).empty().append(hrml2);

			} catch (e) {

			}
		}
		var datas = {
			url: '/api/brand_category/subs',
			http_type: 'POST',
			datas: { parent_id: v }
		}
		wxx.HttpReqeust(datas, function (ret) {
			if (ret.code == 1) {
				var hrml2 = template('script_subs' + v, ret.data);
				$("#view_subs" + v).empty().append(hrml2);

				// 存储在本地 每次请求先获取 本地信息
				localStorage.setItem("jingjiang_subs_data" + v, JSON.stringify(ret.data));
			}
		});
	},



	//  获取 制造业各省市品牌库
	getHomeProvinces(v) {
		var datas = {
			url: '/api/region/provinces',
			http_type: 'POST',
			datas: {
				country_id: v
			}
		}
		wxx.HttpReqeust(datas, function (ret) {
			if (ret.code == 1) {
				var hrml4 = template('script_provinces', ret);
				$("#view_provinces").empty().append(hrml4);
				// 存储在本地 每次请求先获取 本地信息
				localStorage.setItem("jingjiang_provinces_data", JSON.stringify(ret));
			}
		});
	},


	//  获取 制造业各国家品牌库
	getHomeCountries: function () {
		var datas = {
			url: '/api/region/countries',
			http_type: 'POST',
		}
		wxx.HttpReqeust(datas, function (ret) {
			if (ret.code == 1) {
				var hrml3 = template('script_countries', ret);
				$("#view_countries").empty().append(hrml3);
				// 存储在本地 每次请求先获取 本地信息
				localStorage.setItem("jingjiang_countries_data", JSON.stringify(ret));
			}
		});
	},


	//  获取 制造业产业、技术品牌库
	getHomeStorages: function () {
		var datas = {
			url: '/api/brand_category/storages',
			http_type: 'POST',
			datas: {}
		}
		wxx.HttpReqeust(datas, function (ret) {
			if (ret.code == 1) {
				var hrml1 = template('script_storages', ret.data);
				$("#view_storages").empty().append(hrml1);
				// 存储在本地
				localStorage.setItem("jingjiang_storages_data", JSON.stringify(ret.data));
			}
		});
	},



	// 提交 新增和纠错
	setPageCorrect(obj) {
		var datas = {
			url: '/api/page/correct',
			http_type: 'POST',
			loading: true,
			datas: obj
		}
		wxx.HttpReqeust(datas, function (ret) {
			layer.alert(ret.msg, {
				title: '温馨提示',
			}, function () {
				console.log(ret)
				if (ret.code == 1) {
					layer.closeAll()
				} else {
					layer.closeLast();
				}
			});

		});
	},

	//  获取 页面数据
	getPageData(v) {
		var datas = {
			url: '/api/page',
			http_type: 'POST',
			datas: {
				keyset: THHIS_PAGE_TYPE,
				"relate_id": relate_id, //省份ID
			}
		}
		wxx.HttpReqeust(datas, function (ret) {
			// if(ret.code == 1){
			var hrml = template('script_page', ret.data);
			$("#view_page").append(hrml);

			//  调用一下公共分类展开收起等方法
			wxx.init_types();

			$('#view_page img').each(function () {
				var url = $(this).attr('src');
				$(this).addClass('fancybox').attr('data-fancybox-group', 'gallery').attr('href', url).attr('title', '点击查看大图').attr('lay-on', 'tips-photos-one')
			})

			if ($('.pageViews').length) {
				$('.pageViews #number').html(ret.data.views)
			}

			// }
		});
	},


}

PAGES.initial();